<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > 
    <head>
        <title>Image</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
        <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
        <link rel="stylesheet" href="print.css"  media="print"  type="text/css" />
    </head>
 
    <body>

        <h1>Image</h1>

        <div class="porthole">
            jpg 99% <br /> 270KB
            <img width="742" height="556" src="cl1-99.jpg" alt="Crater Lake 1" />
        </div>

        <div class="porthole">jpg 90% <br /> 80KB
            <img width="742" height="556" src="cl2-90.jpg" alt="Crater Lake 2" />
        </div>

        <div class="porthole">jpg 75% <br /> 41KB
            <img width="742" height="556" src="cl3-75.jpg" alt="Crater Lake 3" />
        </div>

        <div class="porthole">jpg 50% <br /> 15KB
            <img width="742" height="556" src="cl4-50.jpg" alt="Crater Lake 4" />
        </div>

        <div class="porthole">gif     <br /> 153KB
            <img width="742" height="556" src="cl5-normal.gif" alt="Crater Lake 5" />
        </div>

        <div class="porthole">gif dithered <br /> 205KB
            <img width="742" height="556" src="cl6-dithered.gif" alt="Crater Lake 6" />
        </div>

        <div class="porthole">png greyscale <br /> 219KB
            <img width="742" height="556" src="cl7-grey.png" alt="Crater Lake 7" />
        </div>

        <div class="porthole">png color <br /> 264KB
            <img width="742" height="556" src="cl8-color.png" alt="Crater Lake 8" />
        </div>

        <div class="blah">
            <br />
            <br />
            <br />
            This is a line: <img width="742" height="556" src="cl1-99.jpg" alt="Crater Lake 1" />
        </div>
    </body>
</html>
